<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width; initial-scale=1.0;
  maximum-scale = 1.0; user-scalable=0;">
<meta name="apple-touch-fullscreen" content="YES" />
<title>Insert title here</title>
<script type="application/javascript">
  function draw_m(){
  
  var m_canvas = document.getElementById('m');
  var m_ctx = m_canvas.getContext('2d');
   m_ctx.fillStyle = "rgb(200,0,0)";
   m_ctx.fillRect(10,10,100,100);
   m_ctx.strokeRect(150,150,100,100)
   m_ctx.clearRect(50,50,100,100) 
  m_ctx.beginPath();
   m_ctx.moveTo(50,50);
   m_ctx.lineTo(80,80);
   m_ctx.moveTo(140,80);
   m_ctx.lineTo(170,50);
  m_ctx.moveTo(60,150);
    m_ctx.lineTo(170,50);
    m_ctx.stroke();
    m_ctx.beginPath();
    m_ctx.arc(70,70,20,0,(Math.PI/180)*60,true)
    m_ctx.stroke();
    m_ctx.beginPath();
    m_ctx.arc(130,110,50,0, Math.PI*2,true);
    m_ctx.fillStyle="rgb(0,200,200)";
    m_ctx.fill();
    m_ctx.stroke();
    m_ctx.beginPath();
    m_ctx.arc(190,70,20,(Math.PI/180)*110,(Math.PI/180)*170,true);
    m_ctx.stroke();
    m_ctx.beginPath();
    m_ctx.arc(300,150,30,0,(Math.PI/180)*200,false);
    m_ctx.fillStyle="rgb(0,200,0)";
    m_ctx.fill();
    var grad = m_ctx.createLinearGradient(0,0,200,0);
    grad.addColorStop(0, '#39c');
    grad.addColorStop(1, 'orange');
    m_ctx.fillStyle=grad;
    m_ctx.fillRect(10,10,200,190);
    var radgrad = m_ctx.createRadialGradient(80,80,10,80,80,80);
    radgrad.addColorStop(0,'#A7D30C');
    radgrad.addColorStop(1,'rgb(1,159,98)');
    m_ctx.fillStyle=radgrad;
    m_ctx.beginPath();
    m_ctx.arc(80,80,80,0,Math.PI*2,true);
    m_ctx.fill();
    
    
  }
  
  </script>

<style type="text/css">
canvas {
	border: 1px solid #999;
}
</style>




</head>
<body onload="draw_m()">
	<canvas id="m" width="500" height="300" ></canvas>

</body>
</html>